<extend name="zh_tw:Public:base" />
<block name="title">
    <title>我的訂單</title>
    
</block>
<block name="extendHead">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/OrderPage/list.css?rev=8ce4b33bb527b09bc709ca6b5735e7ca">
    <link rel="stylesheet" type="text/css" href="/Public/jslib/toastr/2.1.2/toastr.min.css?rev=e36d7ff8c89b5bb6e9db66a169d59c47">
</block>
<block name="document">
    <div id="doc" class="container">
        <div id="doc-header" class="navbar navbar-fixed-top" style="background: #F5F5F5;">
            <div class="tabs-tab-order" >
                <div class="col-xs-6 tabs-order before active" data='valid'>當前</div>
                <div class="col-xs-6 tabs-order before" data='invalid'>歷史</div>
            </div>
            <!--<a href="/Home/UserPage/index" class="pull-left navbar-icon"><span class="iconfont icon-chevronleft"></span></a>
            <a id="order-list-toggle" class="pull-right navbar-icon"><span class="iconfont history-icon"></span></a>-->
        </div>
        <div id="doc-body">
            <div id="order-valid">
            </div>
            <div id="order-invalid" class="hidden">
            </div>
        </div>
        <include file="zh_tw:Public:Include_login" />
    </div>
    <include file="zh_tw:Public:Include_loading" is-hidden="hidden" />
    <!--js 使用的tag模板-->
    <script type="text/html" id="templateOrderEmpty">
        <div class="centeral-container vertical-middle-block">
            <div class="centeral-content vertical-middle-block-cell">
                <div class="col-xs-12 text-center typo-text-black-light" style="color: #333333;">沒有查詢到訂單</div>
                <div class="col-xs-12 text-center">
                    <div class="order-refresh btn-sm btn-link" >刷新</div>
                </div>
            </div>
        </div>
    </script>
    <script type="text/html" id="templateOrder">
        <a class="horizontal-card horizontal-padding-sm bottom-divider">
            <div class="fixed-left-container vertical-padding">
                <div class="fixed-left">
                    <div class="order-cover background-cover"></div>
                    <div class="order-status text-sm typo-text-white-deep"></div>
                </div>
                <div class="horizontal-padding-sm">
                    <div class="nowrap-content typo-text-black-deep order-hotel-name"></div>
                    <div class="nowrap-content text-sm typo-text-white-light"><span class="order-room-type"></span> - <span class="order-room-name"></span></div>
                    <div class="nowrap-content text-sm typo-text-white-light">訂單號：<span class="order-number"></span></div>
                    <div class="nowrap-content text-sm typo-text-black-light"><span class="order-checkin-date"></span><span class="to" style="margin: 0 4px;">至</span><span class="order-checkout-date"></span><span class="order-night" style="margin-left: 4px;"></span></div>
                    <div class="nowrap-content text-sm typo-text-black-light">訂單金額：<span class="text-money">{$defaultSymbol}<span class="order-price"></span></span>
                    </div>
                </div>
            </div>
        </a>
    </script>
    <script type="text/html" id="templateOrderInvalid">
        <a class="horizontal-card horizontal-padding-sm bottom-divider">
            <div class="fixed-left-container vertical-padding">
                <div class="fixed-left">
                    <div class="order-cover background-cover"></div>
                    <div class="order-status text-sm typo-text-black-light"></div>
                </div>
                <div class="horizontal-padding-sm">
                    <div class="nowrap-content typo-text-black-deep order-hotel-name"></div>
                    <div class="nowrap-content text-sm typo-text-white-light"><span class="order-room-type"></span> - <span class="order-room-name"></span></div>
                    <div class="nowrap-content text-sm typo-text-white-light">訂單號：<span class="order-number"></span></div>
                    <div class="nowrap-content text-sm typo-text-black-light"><span class="order-checkin-date"></span><span class="to"style="margin: 0 4px;">至</span><span class="order-checkout-date"></span><span class="order-night" style="margin-left: 4px;"></span></div>
                    <div class="nowrap-content text-sm typo-text-black-light">訂單金額：<span class="text-money">{$defaultSymbol}<span class="order-price"></span></span>
                    </div>
                </div>
            </div>
        </a>
    </script>
</block>
<block name="extendFootJs">
    <script type="text/javascript" src="/Public/jslib/jquery-lazyload/1.9.5/jquery.lazyload.min.js?rev=6a039cfdf0ce9f477300675c0b167670"></script>
    <script type="text/javascript" src="/Public/jslib/toastr/2.1.2/toastr.min.js?rev=1778e466055d4a265993e979c174c338"></script>
    <script type="text/javascript" src="/Public/dist/Home/OrderPage/list.js?rev=b1f9585abe676cfbcafa48d285954ec1"></script>
</block>
